@extends('frontend/layouts/default')
@section('title')
Trang chủ
@stop
@section('content')
<!--content left-->
<!--content left-->
<div class="column-left">
    <div>
        <!--menu-->
        <div class="menu-default">
            <div class="title-top-hd">
                @include('frontend/layouts/_partials/categories_menu')
            </div>
        </div>
        <!--menu end-->
        <!--event-->
        <div class="box-column-left MgT20">
            <div class="event-cl-left">
                <div class="bx-img">
                    <img class="blur" src="../images/download.png" alt="">
                </div>
                <div class="date-time">
                    <div>
                        <div class="displayin text-center">
                            <p class="font21 colorFF font-Light">10</p>
                            <p class="font10 colorFF font-seL">NGÀY</p>
                        </div>
                        <div class="displayin text-center"><p class="font13 colorFF font-Light positionR" style="top:-19px">:</p></div>
                        <div class="displayin text-center">
                            <p class="font21 colorFF font-Light">24</p>
                            <p class="font10 colorFF font-seL">GIỜ</p>
                        </div>
                        <div class="displayin text-center"><p class="font13 colorFF font-Light positionR" style="top:-19px">:</p></div>
                        <div class="displayin text-center">
                            <p class="font21 colorFF font-Light">59</p>
                            <p class="font10 colorFF font-seL">PHÚT</p>
                        </div>
                        <div class="displayin text-center"><p class="font13 colorFF font-Light positionR" style="top:-19px">:</p></div>
                        <div class="displayin text-center">
                            <p class="font21 colorFF font-Light">00</p>
                            <p class="font10 colorFF font-seL">GIÂY</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="bx-ct-ev">
                        <div class="ctent">
                            <div class="colorFF">Offline</div>
                            <div class="font-Bold colorFF">Hội những người yêu thích nhạc Trịnh</div>
                            <div class="colorFF font11">Tại:</div>
                            <div class="font11 colorFF">Cung văn hóa Hữu Nghị Việt Sô</div>
                            <a href="#">Tham gia ngay</a>
                        </div>
                        <ul class="sug">
                            <li class="borderE5"><a href="#">Ngày hội văn hóa</a></li>
                            <li class="borderE5"><a href="#">Giao lưu âm nhạc </a></li>
                            <li class="borderE5"><a href="#">Cuộc thi guitar tháng 11</a></li>
                            <li class="borderE5"><a href="#">Từ điển âm nhạc</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--event end-->
        <!--Top bai giang duoc yeu cau-->
        <div class="MgT20">
            <div class="box-column-left">
                <div class="title-box">
                    Top đóng góp hợp âm
                </div>
                <div class="ct-box">
                    <ul>
                        <li class="items positionR MgB10">
                            <div class="yc">
                                <div class="number">1 </div>
                                <div class="ct">
                                    Hà nội mùa vắng những cơn mưa
                                </div>
                                <div class="volume">
                                    <a href="#"><i class="fa fa-volume-down"></i></a>
                                </div>
                                <div class="_ct">
                                    <div class="number-left">
                                        2135
                                    </div>
                                    <a href="#" class="btn-right">GIẢNG BÀI NÀY</a>
                                </div>
                            </div>
                        </li>
                        <li class="items positionR MgB10">
                            <div class="yc">
                                <div class="number">2</div>
                                <div class="ct">
                                    Hà nội mùa vắng những cơn mưa
                                </div>
                                <div class="volume">
                                    <a href="#"><i class="fa fa-volume-down"></i></a>
                                </div>
                                <div class="_ct">
                                    <div class="number-left">
                                        2135
                                    </div>
                                    <a href="#" class="btn-right">GIẢNG BÀI NÀY</a>
                                </div>
                            </div>
                        </li>
                        <li class="items positionR MgB10">
                            <div class="yc">
                                <div class="number">3</div>
                                <div class="ct">
                                    Hà nội mùa vắng những cơn mưa
                                </div>
                                <div class="volume">
                                    <a href="#"><i class="fa fa-volume-down"></i></a>
                                </div>
                                <div class="_ct">
                                    <div class="number-left">
                                        2135
                                    </div>
                                    <a href="#" class="btn-right">GIẢNG BÀI NÀY</a>
                                </div>
                            </div>
                        </li><li class="items positionR MgB10">
                            <div class="yc">
                                <div class="number">4</div>
                                <div class="ct">
                                    Hà nội mùa vắng những cơn mưa
                                </div>
                                <div class="volume">
                                    <a href="#"><i class="fa fa-volume-down"></i></a>
                                </div>
                                <div class="_ct">
                                    <div class="number-left">
                                        2135
                                    </div>
                                    <a href="#" class="btn-right">GIẢNG BÀI NÀY</a>
                                </div>
                            </div>
                        </li>
                        <li class="items positionR PdB10">
                            <div class="yc">
                                <div class="number">5</div>
                                <div class="ct">
                                    Hà nội mùa vắng những cơn mưa
                                </div>
                                <div class="volume">
                                    <a href="#"><i class="fa fa-volume-down"></i></a>
                                </div>
                                <div class="_ct">
                                    <div class="number-left">
                                        2135
                                    </div>
                                    <a href="#" class="btn-right">GIẢNG BÀI NÀY</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="row-item">
                        <div>Yêu cầu bài giảng của bạn</div>
                        <input type="text" onfocus="javascript:if(this.value=='Nhập tên bài hát'){this.value='';};" onblur="javascript:if(this.value==''){this.value='Nhập tên bài hát';};" value="Nhập tên bài hát" id="input_searchword" name="searchword" autocomplete="off" class="in-search">
                    </div>
                    <div class="row-item PdB10 text-right">
                        <input type="submit" value="Gửi yêu cầu">
                    </div>
                </div>
            </div>
        </div>
        <!--Top bai giang duoc yeu cau end-->

        <!--cong cu ho tro end-->

    </div>
</div>
<!--end content left-->
<!--content right-->
<div class="column-right">
<div class="row-1">
<!--left-->
<div class="left">
<!--box news-->
<div>
    <div class="title">
        <label>Tin hot</label>
    </div>
    <div class="news-hd">
        <div class="left">
            <div class="avatar">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html"><img src="../images/image.jpg" alt=""></a>
            </div>
            <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html">Bị cong ngón trỏ liệu có chơi được guitar?</a>
            <p>Như tiêu đề mình nói =.= ngón trỏ mình lúc nắm vào nó toàn bị cong vào bên trong, nên lúc bấm rất khó khăn và không ấn đc các nốt xa đc....</p>
        </div>
        <div class="right">
            <ul>
                <li>
                    <div class="thumb">
                        <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html"><img src="../images/pic2.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html" class="font12 fontB">Bị cong ngón trỏ liệu có chơi được guitar?</a>
                        <p class="font11">Như tiêu đề mình nói =.= ngón trỏ mình lúc nắm vào nó toàn bị..</p>
                    </div>
                </li>
                <li>
                    <div class="thumb">
                        <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html"><img src="../images/pic2.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html" class="font12 fontB">Bị cong ngón trỏ liệu có chơi được guitar?</a>
                        <p class="font11">Như tiêu đề mình nói =.= ngón trỏ mình lúc nắm vào nó toàn bị..</p>
                    </div>
                </li>
                <li>
                    <div class="thumb">
                        <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html"><img src="../images/pic2.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html" class="font12 fontB">Bị cong ngón trỏ liệu có chơi được guitar?</a>
                        <p class="font11">Như tiêu đề mình nói =.= ngón trỏ mình lúc nắm vào nó toàn bị..</p>
                    </div>
                </li>
                <li>
                    <div class="thumb">
                        <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html"><img src="../images/pic2.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/blog/detail-blog.html" class="font12 fontB">Bị cong ngón trỏ liệu có chơi được guitar?</a>
                        <p class="font11">Như tiêu đề mình nói =.= ngón trỏ mình lúc nắm vào nó toàn bị..</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--end box news-->
<!--Bai giang hot-->
<div class="list-baigiang MgT20">
    <div class="title">
        <label>Bài giảng hot trong tuần</label>
    </div>
    <ul>
        <li>
            <div class="video">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html"><img src="../images/pic1.jpg" alt=""></a>
            </div>
            <div class="ct">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html" class="font14">Hà nội mùa này vắng những cơn mưa</a>
                <div>
                    <span class="font12 color66">bởi:</span>
                    <a href="#" class="font12 color55 displayin">bachocdientkxx</a>
                </div>
                <div>
                    <span class="font11 color99">3.5554 bình chọn</span>
                    <span class="font11 color99">3.5554 lượt thích</span>
                </div>
            </div>
        </li>
        <li>
            <div class="video">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html"><img src="../images/pic2.jpg" alt=""></a>
            </div>
            <div class="ct">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html" class="font14">Hà nội mùa này vắng những cơn mưa</a>
                <div>
                    <span class="font12 color66">bởi:</span>
                    <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html" class="font12 color55 displayin">bachocdientkxx</a>
                </div>
                <div>
                    <span class="font11 color99">3.5554 bình chọn</span>
                    <span class="font11 color99">3.5554 lượt thích</span>
                </div>
            </div>
        </li>
        <li>
            <div class="video">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html"><img src="../images/pic3.jpg" alt=""></a>
            </div>
            <div class="ct">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html" class="font14">Hà nội mùa này vắng những cơn mưa</a>
                <div>
                    <span class="font12 color66">bởi:</span>
                    <a href="detail-bai-giang.html" class="font12 color55 displayin">bachocdientkxx</a>
                </div>
                <div>
                    <span class="font11 color99">3.5554 bình chọn</span>
                    <span class="font11 color99">3.5554 lượt thích</span>
                </div>
            </div>
        </li>
        <li>
            <div class="video">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html"><img src="../images/pic4.jpg" alt=""></a>
            </div>
            <div class="ct">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html" class="font14">Hà nội mùa này vắng những cơn mưa</a>
                <div>
                    <span class="font12 color66">bởi:</span>
                    <a href="#" class="font12 color55 displayin">bachocdientkxx</a>
                </div>
                <div>
                    <span class="font11 color99">3.5554 bình chọn</span>
                    <span class="font11 color99">3.5554 lượt thích</span>
                </div>
            </div>
        </li>
        <li >
            <div class="video">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html"><img src="../images/pic5.jpg" alt=""></a>
            </div>
            <div class="ct">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html" class="font14">Hà nội mùa này vắng những cơn mưa</a>
                <div>
                    <span class="font12 color66 displayin">bởi:</span>
                    <a href="#" class="font12 color55 displayin">bachocdientkxx</a>
                </div>
                <div>
                    <span class="font11 color99">3.5554 bình chọn</span>
                    <span class="font11 color99">3.5554 lượt thích</span>
                </div>
            </div>
        </li>
        <li>
            <div class="video">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html"><img src="../images/pic6.jpg" alt=""></a>
            </div>
            <div class="ct">
                <a href="file:///X:/VinE/Hoc%20dan/html%20hoc%20dan/hocdan/detail-bai-giang.html" class="font14">Hà nội mùa này vắng những cơn mưa</a>
                <div>
                    <span class="font12 color66">bởi:</span>
                    <a href="#" class="font12 color55 displayin">bachocdientkxx</a>
                </div>
                <div>
                    <span class="font11 color99">3.5554 bình chọn</span>
                    <span class="font11 color99">3.5554 lượt thích</span>
                </div>
            </div>
        </li>
    </ul>
</div>
<!--Bai giang hot end-->
<!--Tac gia-->
<div class="arthur positionR">
    <div class="at-left">
        <img src="../images/phuquang.png" alt="Phu Quang">
    </div>
    <div class="at-right">
        <div>
            <span class="color99 font14">Nhạc sỹ:</span>
            <span class="color55 font14">Nhạc sỹ:</span>
        </div>
        <i class="font11 color66">“hocdan.com đã thay đổi đáng kể cách học guitar của người Viêt Nam”</i>
    </div>
    <div class="positionA" style="width:590px">
        <a href="#" class="btn-next-slie" style="margin:45px 0 0 15px">&nbsp;</a>
        <a href="#" class="btn-pre-slie" style="margin:45px 0 0 15px; float:right">&nbsp;</a>
    </div>
</div>
<!--Tac gia end-->
<!--thong ke-->
<div class="MgT20">
<div class="title">
    <label>Thống kê học viên</label>
</div>
<div class="statistic">
<ul class="statis MgL5">
<li>
    <label class="font20">Đệm hát</label>
    <ul class="cl-oner">
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 1</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 2</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 3</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 4</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 5</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 6</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 7</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 8</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 9</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 10</div>
        </li>
    </ul>
    <div class="PdT5">
        <label>Chọn hiển thị:</label>
        <span class="font12 color66 PdLR10"><input type="radio">Có</span>
        <span class="font12 color66 PdLR10"><input type="radio">Không</span>
    </div>
</li>
<li class="MgT15">
    <label class="font20">Cổ điển</label>
    <ul class="cl-oner">
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 1</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 2</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 3</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 4</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 5</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 6</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 7</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 8</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 9</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 10</div>
        </li>
    </ul>
    <div class="PdT5">
        <label>Chọn hiển thị:</label>
        <span class="font12 color66 PdLR10"><input type="radio">Có</span>
        <span class="font12 color66 PdLR10"><input type="radio">Không</span>
    </div>
</li>
<li class="MgT15">
    <label class="font20">Ukulele</label>
    <ul class="cl-oner">
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 1</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 2</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 3</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 4</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 5</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 6</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 7</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 8</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 9</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 10</div>
        </li>
    </ul>
    <div class="PdT5">
        <label>Chọn hiển thị:</label>
        <span class="font12 color66 PdLR10"><input type="radio">Có</span>
        <span class="font12 color66 PdLR10"><input type="radio">Không</span>
    </div>
</li>
<li class="MgT15">
    <label class="font20">Guitar điện</label>
    <ul class="cl-oner">
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 1</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 2</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 3</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 4</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 5</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 6</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 7</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 8</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 9</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 10</div>
        </li>
    </ul>
    <div class="PdT5">
        <label>Chọn hiển thị:</label>
        <span class="font12 color66 PdLR10"><input type="radio">Có</span>
        <span class="font12 color66 PdLR10"><input type="radio">Không</span>
    </div>
</li>
<li class="MgT15">
    <label class="font20">Finger style</label>
    <ul class="cl-oner">
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 1</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 2</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 3</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler bg-red borderN">&nbsp;</div>
            <div class="font11 colorDackG">Level 4</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 5</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 6</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 7</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 8</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 9</div>
        </li>
        <li>
            <div class="rectang">&nbsp;</div>
            <div class="cicler">&nbsp;</div>
            <div class="font11 color99">Level 10</div>
        </li>
    </ul>
    <div class="PdT5">
        <label>Chọn hiển thị:</label>
        <span class="font12 color66 PdLR10"><input type="radio">Có</span>
        <span class="font12 color66 PdLR10"><input type="radio">Không</span>
    </div>
</li>
</ul>
</div>
</div>
<!--thong ke end-->
</div>
<!--left end-->
<!--right-->
<div class="default-width-right">
<div class="box-search">
    <input type="text" onfocus="javascript:if(this.value=='Bạn hãy nhập thông tin tìm kiếm'){this.value='';};" onblur="javascript:if(this.value==''){this.value='Bạn hãy nhập thông tin tìm kiếm';};" value="Bạn hãy nhập thông tin tìm kiếm" id="input_searchword" name="searchword" autocomplete="off" class="in-search">
    <a href="#" class="btn-search search"></a>
</div>
<!--Các chủ đề nổi bật-->
<div class="MgT20">
    <div class="ct-box">
        <div class="tags">
            <a href="#">Nhạc vàng</a>
            <a href="#">Nhạc trẻ</a>
            <a href="#">Nhạc tiền chiến</a>
            <a href="#">Nhạc cách mạng</a>
            <a href="#">Nhạc hải ngoại</a>
            <a href="#">Nhạc trữ tình</a>
        </div>
    </div>
</div>
<!--Các chủ đề nổi bật end-->
<!--Bạn thích-->
<div class="MgTB20">
    <div class="title">
        <label>Bạn thích</label>
    </div>
    <div class="ct-box">
        <ul class="list-menu-right">
            <li><a href="#">Guitar đệm hát</a></li>
            <li><a href="#">Nhạc trẻ</a></li>
            <li><a href="#">Nhạc tiền chiến</a></li>
            <li><a href="#">Nhạc cách mạng</a></li>
            <li><a href="#">Nhạc hải ngoại</a></li>
            <li><a href="#">Nhạc trữ tình</a></li>
        </ul>
    </div>
</div>
<!--Bạn thích end-->
<!--adv-->
<div class="MgT20">
    <a href="#"><img src="../images/adv.jpg" alt=""></a>
</div>
<!--adv end-->
<!--Top kiem tien nhieu-->
<div class="MgT20">
    <div class="box-right">
        <div class="title-box">
            Top kiếm tiền
        </div>
        <div class="ct-box">
            <ul>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar1.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar2.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar3.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar4.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar5.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar6.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar7.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar8.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar9.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="box-btn-right">
            <a href="#" class="pre-view">&nbsp;</a>
            <a href="#" class="next-view">&nbsp;</a>
        </div>
    </div>
</div>
<!--Top kiem tien nhieu end-->
<!--Top thành viên đóng góp-->
<div class="MgT20">
    <div class="box-right">
        <div class="title-box">
            TTop thành viên đóng góp
        </div>
        <div class="ct-box">
            <ul>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar1.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar2.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar3.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar4.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar5.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar6.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar7.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar8.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar9.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="box-btn-right">
            <a href="#" class="pre-view">&nbsp;</a>
            <a href="#" class="next-view">&nbsp;</a>
        </div>
    </div>
</div>
<!--Top thành viên đóng góp end-->
<!--Danh sách hội nhóm-->
<div class="MgT20">
    <div class="box-right">
        <div class="title-box">
            Danh sách hội nhóm
        </div>
        <div class="ct-box">
            <ul>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar1.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar2.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar3.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar4.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar5.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar6.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar7.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar8.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
                <li class="items">
                    <div class="thumb">
                        <a href="#"><img src="../images/avatar9.jpg" alt=""></a>
                    </div>
                    <div class="ct">
                        <a href="#" class="font-Bold font14">Trần Thị Quyên</a>
                        <div class="color66 font-Bold">GURU - đệm hát level 10</div>
                        <span class="font12 color99">Tổng số bài giảng:</span>
                        <span class="font12 colorDackG">88</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="box-btn-right">
            <a href="#" class="pre-view">&nbsp;</a>
            <a href="#" class="next-view">&nbsp;</a>
        </div>
    </div>
</div>
<!--Danh sách hội nhóm end-->
</div>
<!--right end-->
</div>
</div>
<!--end content right-->
@stop